<%@page import="java.text.SimpleDateFormat"%>
<%@page import="Board.BoardVo"%>
<%@page import="java.util.ArrayList"%>
<%@page import="Board.BoardMyBa2"%>
<%@ page language="java" contentType="text/html; charset=UTF-8"
    pageEncoding="UTF-8"%>
<!DOCTYPE html PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN" "http://www.w3.org/TR/html4/loose.dtd">
<html>
<head>
<meta http-equiv="Content-Type" content="text/html; charset=UTF-8">
<title>콘텐트2</title>

<style>
#cont_main{
	width:1000px;
	margin:0 auto;
}
#cont_title1{
	width:1000px;
	font-size:20px;
	font-weight: bold;
	text-align: center;
	color: #333333;
	padding:2px 5px;
}
#cont_title2{
	width:1000px;
	font-size:14px;
	text-align: center;
	color: #888888;
	padding:2px 5px;
}
#cont_top, #cont_bottom1,#cont_bottom2{
	width:1000px;
	
}
#cont_top{
	font-size: 13px;
	font-weight: bold;
	
}
#cont_bottom1{
	font-size: 13px;
	
}
#cont_bottom2{
	font-size: 13px;
}

#top_cont{
	width:650px;
	float:left;
	text-align: center;
	background-color:#ffeeff;
	padding:2px 0;
	border-top: 2px solid #333333;
	border-bottom: 2px solid #333333;
	border-right: 1px solid #999999;
}
#top_writer{
	width:148px;
	float:left;
	text-align: center;
	background-color:#ffeeff;
	padding:2px 0;
	border-top: 2px solid #333333;
	border-bottom: 2px solid #333333;
	border-right: 1px solid #999999;
}
#top_hit{
	width:100px;
	float:left;
	text-align: center;
	background-color:#ffeeff;
	padding:2px 0;
	border-top: 2px solid #333333;
	border-bottom: 2px solid #333333;
}

#bot_cont1{
	width:650px;
	float:left;
	text-align: center;
	background-color:#dddddd;
	padding:2px 0;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	/*ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ중요공지 색상다르게ㅡㅡㅡㅡㅡㅡㅡㅡㅡㅡ  */
	color:#ff0000;
	font-weight: bold;
	
}
#bot_writer1{
	width:148px;
	float:left;
	text-align: center;
	background-color:#dddddd;
	padding:2px 0;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}
#bot_hit1{
	width:100px;
	float:left;
	text-align: center;
	background-color:#dddddd;
	padding:2px 0;
	border-bottom: 1px solid #999999;
	
}



#bot_cont2{
	width:650px;
	float:left;
	text-align: center;
	/* background-color:#eeffee; */
	padding:2px 0;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
	white-space: nowrap;
	overflow:hidden;
	text-overflow:ellipsis;
	
}
#bot_writer2{
	width:148px;
	float:left;
	text-align: center;
	/* background-color:#eeffff; */
	padding:2px 0;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}
#bot_hit2{
	width:100px;
	float:left;
	text-align: center;
	/* background-color:#dddddd; */
	padding:2px 0;
	border-bottom: 1px solid #999999;
	
}
</style>
<script type="text/javascript">
	$(document)
			.ready(
					function() {
						var date = new Date();
						var d = date.getDate();
						var m = date.getMonth();
						var y = date.getFullYear();
						$('#cont_calendar')
								.fullCalendar(
										{
											theme : true,
											header : {
												left : "prev,next today",
												center : "title",
												right : "month,basicWeek"
											},
											titleFormat : {
												month : "yyyy년 MMMM",
												week : "[yyyy] MMM d일 ~ { [yyyy] MMM d일}",
												day : "yyyy년 MMM d일 dddd"
											},
											weekMode : 'variable',
											allDayDefault : true,
											editable : false,
											weekends : true,
											monthNames : [ "1월", "2월", "3월",
													"4월", "5월", "6월", "7월",
													"8월", "9월", "10월", "11월",
													"12월" ],
											monthNamesShort : [ "1월", "2월",
													"3월", "4월", "5월", "6월",
													"7월", "8월", "9월", "10월",
													"11월", "12월" ],
											dayNames : [ "일요일", "월요일", "화요일",
													"수요일", "목요일", "금요일", "토요일" ],
											dayNamesShort : [ "일", "월", "화",
													"수", "목", "금", "토" ],
											buttonText : {
												today : "오늘",
												month : "월별",
												week : "주별",
												day : "일별"
											},
											contentHeight : 600,
											events : '${pageContext.request.contextPath}/homepage/calendar/CalendarList.jsp'
										});
					});
</script>
<script>
function view(no){
	location.href = 'index.jsp?inc_content=./board/board_view.jsp&bo_no='+ no;
}

</script>


</head>
<body>
<jsp:useBean id="boardVo" class="Board.BoardVo" />
<jsp:setProperty property="*" name="boardVo" />
<%
BoardMyBa2 board = new BoardMyBa2();
board.setVo(boardVo);
ArrayList<BoardVo> lists = board.list();
SimpleDateFormat sdf = new SimpleDateFormat("yyyy/MM/dd");
%>

<div id="cont_main">
	<div id="cont_title">
		<div id="cont_title1">CLAMP NEWS</div>
		<div id="cont_title2">클램프의 최근 소식들을 확인하세요.</div>
	</div>
	<div id="cont_top">
		<div id="top_cont">내용</div>
		<div id="top_writer">작성자</div>
		<div id="top_hit">조회수</div>
	</div>
	<div id="cont_bottom1">
		<div id="bot_cont1">안녕하세요</div>
		<div id="bot_writer1">김준태</div>
		<div id="bot_hit1">98</div>
	</div>
	<div id="cont_bottom2">
		<div id="bot_cont2">안녕하세요</div>
		<div id="bot_writer2">김준태</div>
		<div id="bot_hit2">98</div>
	</div>
	
	<div style="clear:both;"></div>
	<div style="border-bottom:2px solid #333333;width:900px;"></div>
</div>

</html>



